body {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 500;
}

body.lang-de [lang="en"] {
    display: none !important;
}

body.lang-en [lang="de"] {
    display: none !important;
}

.play-badge-link {
    border-radius: 18px;
}

.blur {
    position: fixed;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
    opacity: .35;
    pointer-events: none;
}

.blur.one {
    top: -180px;
    left: -140px;
    background: #7c5cff;
}

.blur.two {
    bottom: -200px;
    right: -140px;
    background: #25c2a0;
}

.navbar {
    padding-top: max(14px, env(safe-area-inset-top));
    transform: translateZ(0);
    backface-visibility: hidden;
}

@media (min-width: 768px) {
    .navbar {
        padding-top: max(16px, env(safe-area-inset-top));
    }
}

.gradient-text {
    background: linear-gradient(135deg, #7c5cff, #25c2a0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.btn-primary {
    background: linear-gradient(135deg, #7c5cff, #5b7cff);
    box-shadow: 0 18px 45px rgba(124, 92, 255, .3);
}

.feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(124, 92, 255, .12), transparent 60%);
    opacity: 0;
    transition: .25s;
    pointer-events: none;
}

.feature-card:hover::before {
    opacity: 1;
}